html, body {

    height:100%;
}
html 
{
    overflow:visible;
    overflow-x: hidden;
    overflow-y: scroll;
    
    
}
  /*@font-face {
    font-family: 'Sakkal Majalla';
    font-style:  normal;
    font-weight: normal;
    font-variant: small-caps;
    src: url(/images/majalla.ttf);
  }*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 10, 2012 */

@font-face {
    font-family: 'SakkalMajallaRegular';
    src: url('/font/majalla-webfont.eot');
    src: url('/font/majalla-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/majalla-webfont.woff') format('woff'),
         url('/font/majalla-webfont.ttf') format('truetype'),
         url('/font/majalla-webfont.svgz#SakkalMajallaRegular') format('svg'),
         url('/font/majalla-webfont.svg#SakkalMajallaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body     
{
    
    font-family: Times, serif;
    margin: 0 0 0 0;    
    text-align: left;    
    line-height: 115%;    
    /*background-color: #fdfae9;*/
    /*background-color: #482714;*/
    background-color: #998877;    
    
    margin-left: 10px;
    margin-right:10px;
    
    }
    
#wrapper
{
    
    min-height:100%;
    background-color: white;    
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);   
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);   
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   
}

table {
    /*background-color: #fdfae9;    */
    background-color: #ffffff;
    /*position:absolute;
    height:98%;*/
    margin: 0 auto 0 auto;    
    }
tbody 
    {

    }    
p, h1, h2, h3, h4, h5 {
    font-family: Palatino, Times, serif;    
    font-size: 11pt;    
    }


tr.main
{
    width: 930px;
}
td {
    color: black;
    vertical-align: top;
    border: 0 0 0 0;
    margin: 0 0 0 0;
    padding: 0;
    }

hr {
    margin: 0px; 
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top: 1px solid #ccc;    
    height: 1px}
    
th, th h3, th h5 {
    font-weight: normal;
    text-align: left;
    margin: 0;
    color: #ccc;}


a:link, a:active {
    color: #231f20;
    text-decoration: none;}
    
dt {
    font-weight: bold;
    padding-top: 10px;}
    
a:visited {
    color: #231f20;
    text-decoration: none;}

a:hover {
    color: #231f20;
    text-decoration:underline;}

a.bold {
    font-weight: bold;}

    
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active {
    font-weight: bold;}	
    
img {
  border: 0;
  margin-left:auto; 
  margin-right:auto; 
  display: block;
  }

em {
    font-style: normal;
    font-weight: bold;}
        
p.clearer {
    margin: 0 0 0 0 !important;
    clear: both;
    height: 1px;
    overflow: hidden;}

b.imgTitle 
{
    font-size: 10pt;    	
    margin: 0;
    padding: 0;
    font-family: Georgia, Times, serif;
}

#layout table {
    width: 950px;
    border-spacing: 0px;    
    /*border-collapse:collapse;      */
    }
    

#banner table {
    width: 970px;    
    padding-bottom: 50px;
    padding-top: 50px; 

}
tr.banner 
{
    height:0px;
     
}
td.header 
{
    vertical-align: middle;
    font-family:'SakkalMajallaRegular';    
    text-transform:capitalize;
    font-variant:small-caps;
    font-size: 16pt;
    

}
ul.bannerlist
{
    padding: 0;
    margin: 0;
    /*vertical-align: middle;
    width: 100%; */
}
li.bannerlistitem
{
    float: left;
    padding: 0 75px 0 0;
    
    list-style: none; 
}
#banner img
{    
    vertical-align: middle;
    padding: 0 20px 0px 0px;
    
}
#logo img
{    
    /*padding-left:20px;*/
    margin-left:auto;
    margin-right:auto;
    display: block;
    
}
#pipe
{
    padding-left: 20px;
    padding-right: 20px;
}
td.logo
{
    vertical-align:middle;
    padding-top: 10px;
    padding-bottom: 10px;

}

td.left {
    text-align: left;	
}

td.center {
    text-align: center;
}

td.right{
    text-align: right;
}

a.selected
{
    text-decoration:underline;
    
}

div.maincontainer
{
    position: relative;
    width: 100%;
    height: 100%;
}
div.centeringcontainer
{
    width: 950px;
    height: 535px;
    position: relative;
    margin: auto;   
    
    
}

img.main
{
    
    position: absolute;
    top: 0;
    margin: auto;
    z-index: 10;
}
    
/*
###################
#Column 1
###################
*/

#col1 {
    padding: 10px 20px 0px 20px;
    width: 170px !important;
    width: 170px;
    width/**/:/**/170px;
    }	

li.selected a {
    color:#A9B8DF;
    }	


#col1 ul {
  font-family : Georgia, serif;
  text-align: left;  
  font-size: 8pt;  
  padding-left: 0px;
  padding-top: 0px;
  margin: 0px;
  } 

#col1 ul.submenu {
  padding-left: 10px;

  } 

#col1 li.submenu
{
    font-family: Georgia, serif;    
    font-size: 10pt;    
    list-style-position:inside;
    list-style-type:none;
    font-weight: bold;
    border-top: none;
}

#col1 li 
{
    font-family: 'SakkalMajallaRegular', Georgia, serif;    
    font-size: 11pt;
    padding-top: 4px;
    padding-bottom: 4px;
    list-style-position:inside;
    list-style-type:none;
    border-top: none;
}

#col1 img
{
    
    /*padding: 10px 0 10px 0;
    
    display: block;
    margin-left: auto;
    margin-right: auto;*/
}

/*
###################
#Column 2
###################
*/
    
#col2 {
    padding: 10px 20px 50px 0px;    
    width: 400px !important;
    width: 400px;
    width/**/:/**/400px;      

    }	
 #col2 td
    {
        

    }
.form_layout
{
    margin: 0;
    padding:0;
    width: auto !important;
    width: auto;
    width/**/:/**/auto;    
    font-size: 9pt;
}
label {
    width:100px;    /*Or however much space you need for the form’s labels*/
    float:left;
    font-size: 9pt;
}
.label_col1
{
    font-style:italic;
    width:100px;
    font-size: 9pt;
}
.label_col2
{
    width:104px;
    font-style:italic;
    font-size: 9pt;
}
.label_col3
{
    font-style:italic;
    font-size: 9pt;
}
.form_col1
{
    font-size: 9pt;
}
.longinput
{
    width: 200px;    
    padding-right: 0px;
    padding-left: 0px;

}
.textentry
{
    width: 298px;    
}
.form_col2
{
    width: 96px;    
    padding-right: 0px;
    padding-left: 0px;
}
.form_col3
{
    width: 96px;
    padding-right: 0px;
    padding-left: 0px;
}
#col2 a
{
    color: #2345A5;
}

#col2 p
{
    margin: 0 0 15px 0;
    line-height: 200%;    
}

#col2 b
{
    font-weight: bold;
}


h1
{
    text-align: left;
    font-family: 'SakkalMajallaRegular';
    font-weight: normal;
    line-height: 40px;
    color: #c8ae3c;
    font-size: 24pt;    
    margin: 0 0 8pt 0;
    vertical-align: middle;
    

}

#col2 h3
{
    margin: 16px 0 0 0;   
}
#col2 h2
{
    text-align:left;    
    font-weight:lighter;
    
    color:gray;
    font-family:arial, helvetica, sans-serif;
    font-size: 9pt;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#col2 p.image
{    
    padding: 0 0 0 0;
    float: left;
    margin: 0px 0px 0px 0px;
    caption-side: bottom;
    border-color: white;    
}

#col2 .mainimage
{    
    padding: 0 0 0 0;
    float: right;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
    margin-top: 0px;
    caption-side: bottom;
    border-color: white;    
    width: 280px;
}

#col2 p
{
    
}
/*
###################
#Column 3
###################
*/
    
#col3 {
    padding: 10px 0px 0px 0px;
    width: 300px !important;
    width: 300px;
    width/**/:/**/300px;
    text-align: left;

  }		
td.col3
{
    
}
#col3 h2 
{
    font-size: 12pt;
    line-height: 14pt;
    margin-bottom: 4pt;
    margin-top: 0px;
    padding: 0, 0, 0, 0;
    margin-left: 0px;
    text-align: left;
    font-weight: normal;
    color: #231f20;
}

#col3 h3
{
    margin: 10px 0 0px 0;
    padding: 0;
    font-weight: bold;
    text-align: left;
    margin-bottom: 2pt;
    color: #333;
}

  
#col3 p.exhibitions
{
  font-size: 8pt;
  font-weight: bold;
  padding-bottom: 8pt;
}

#col3 p
{
  font-size: 8pt;
  font-weight: normal;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

#col3 p.location
{
  font-size: 10pt;
  font-weight: bold;
}

#col3 p.copy
{
  font-size: 8pt;
  font-weight: normal;
  padding-bottom: 8pt;
}

#col3 table
{
    width:180px;
    text-align:right;
}

#col3 ul {
  text-align: left;  
  padding-left: 0px;
  padding-top: 0px;
  margin: 0px;
  } 

#col3 ul.newsListMonth {
  padding-left: 10px;

  } 

#col3 li 
{
    font-family: 'SakkalMajallaRegular', Georgia, serif;    
    font-size: 10pt;
    padding-top: 4px;
    padding-bottom: 4px;
    list-style-position:inside;
    list-style-type:none;
    border-top: none;
}

div.twitter_parent
{
    width:100%;
}
div.twitter_child
{
    width: 200px;
    margin: auto;
}
#head #breadCrumb {
    text-align: right;
    color: #ccc;}
    
#dateTime {
    text-align: right;
    padding: 0px 6px 21px 0;
    margin: 0 0 0 0;
    color: #999;}



.parent{
position:fixed;
bottom:0px;
left:0px;
width:100%; /*width should be 100%*/    
z-index: 10;

} 

.child{
width:950px; /*min width should give to center the div.*/
margin:0px auto; /*here it will make center */
left: 0;

}
#child table
{
    width: 950px;       
}

.parentnofoot{
position:fixed;
bottom:0px;
left:0px;
width:100%; /*width should be 100%*/    
} 

.childnofoot{
width:970px; /*min width should give to center the div.*/
margin:0px auto; /*here it will make center */
left: 0;
}
.nofoot
{
    margin: 0;   
}
#footer
{
    font-size: 10pt;  
    border-top: 1px solid #ccc;
    font-family: 'SakkalMajallaRegular';    
    color: #666;
}

#nofooter
{
    font-size: 10pt;  
    border-top: none;
    font-family: 'SakkalMajallaRegular';    
    color: #666;
}
#copy 
{
    font-family: 'SakkalMajallaRegular';  
    font-size: 10pt;  
    margin: 0;
    color: #999;    
}
#lang
{
    float:right;
    right: 0;
}
img.icon 
{
    float:left;
    margin-right: 5px;
}

#indent
{
    padding-left: 25px;
}
    
blockquote {
    font-family: Georgia, Times, Serif;
    padding-right: 25px;
    font-size: 10pt;
    padding-top: 0px;
    padding-bottom: 0px;
    }


cite 
    {
    font-family: Georgia, Times, Serif;
    padding-left: 250px;
    padding-right: 25px;
    padding-bottom: 0px;
    font-size: 8pt;
    line-height: 8pt;
    margin: 0 0 0 0;
    
    }